body{
	background: url(../images/bg.jpg) top center no-repeat #df8f12;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
}


.container{ margin:0 auto; overflow:hidden; max-width:1000px;}
.padding{ padding:0 0px; position:relative; box-sizing:border-box;-webkit-box-sizing:border-box;}

.box01{ width:auto; overflow:hidden; top:0px; float:left; margin:0 auto; margin-top: 100px;}
.text01{width:50%; text-align:center; float:left;}
.text01 img{ max-width:100%;}
.text01-768{ display:none;}
.text02{width:50%; text-align:center; float:left;}
.text02 img{ max-width:100%;}
.text02-768{ display:none;}

.box02{ width:500px; overflow:hidden; top:0px; float:left; margin:0 auto;}
.text03{ width:482px; height:45px; overflow:hidden; text-align:center;}
.text03 img{ max-width:100%;}
.bt1{ width:200px; float:left; text-align:center; margin-left:20px;}
.bt1 img{ max-width:100%;}
.bt2{ width:200px; float:left; text-align:center; margin-left:20px;}
.bt2 img{ max-width:100%;}

.box03{ width:500px; height:140px; overflow:hidden; top:0px; margin:0 auto;}
.bt3{ width:200px; height:auto; overflow:hidden; text-align:center; margin:0 auto; }
.bt3 img{ max-width:100%;}


.box04{ width:1000px; height:320px; overflow:hidden; top:0px; margin:0 auto;}
.vdo1{ width:480px; height:270px; overflow:hidden; text-align:center; margin:0 auto;}


.bt-fb{ width:100%; float:left; text-align:center;}
.bt-fb img{ max-width:100%;}

.foot{ width:100%; float:left; text-align:center;}
.foot img{ max-width:100%;}


.style1 {font-size: 26px; color: #000}


@media (max-width:850px){
	.box01{ margin-top: 0px;}
}

@media (min-width:480px){
	.container{ width:90%;}
}
@media (min-width:640px){
	.container{ width:90%;}
}

@media (min-width:768px){
	.container{ width:750px;}
}

@media (min-width:992px){
	.container{ width:100%;}
}

@media (min-width:1200px){
	.container{ width:100%;}
}

@media (max-width:992px){
	.box01{ width:100%; height:auto; overflow:hidden; text-align:center; margin:0 auto;}
	.text01{ width:50%; height:auto; overflow:hidden; text-align:center; margin:0 auto;}
	.text02{ width:50%; height:auto; overflow:hidden; text-align:center; margin:0 auto;}		
	.box02{ width:100%; height:auto; overflow:hidden; text-align:center; margin:0 auto;}
	.bt1, .bt2 { width:200px; float:left; text-align:center; margin-left:120px;}
	.text03{ width:100%; height:45px; overflow:hidden; text-align:center; margin:0 auto;}
	.box03{ width:100%; height:140px; overflow:hidden; text-align:center; margin:0 auto;}
	.box04{ width:100%; height:300px; overflow:hidden; text-align:center; margin:0 auto;}
	.vdo1, .vdo2, .vdo3{ width:480px; height:270px; float:none; text-align:center; margin:0px auto;}
	.bt3{ width:100%; float:none; text-align:center; margin:0 auto;}
}

@media (max-width:768px){
	.body{ background:url(../images/bg-768px.jpg) top center no-repeat #c9005f; margin:0; padding:0;}
	.box01{ width:100%; height:auto; overflow:hidden; text-align:center; margin:0 auto; }
	.text01{ width:50%; height:auto; overflow:hidden; text-align:center; margin:0 auto;}
	.text02{ width:50%; height:auto; overflow:hidden; text-align:center; margin:0 auto;}
	.box02{ width:100%; height:auto; overflow:hidden; text-align:center; margin:0 auto;}
	.bt1, .bt2{ width:100%; float:none; text-align:center; margin-left:0px;}
	.text03{ width:100%; height:45px; overflow:hidden; text-align:center; margin:0 auto;}
	.box03{ width:100%; height:140px; overflow:hidden; text-align:center; margin:0 auto;}
	.box04{ width:100%; height:300px; overflow:hidden; text-align:center; margin:0 auto;}
	.vdo1, .vdo2, .vdo3{ width:480px; height:270px; float:none; text-align:center; margin:0px auto;}
	.bt3{ width:100%; float:none; text-align:center; margin:0 auto;}
}

@media (max-width:640px){	
	.text01{ width:100%; height:auto; overflow:hidden; text-align:center; margin:0 auto;}
	.text02{ width:100%; height:auto; overflow:hidden; text-align:center; margin:0 auto;}
	.bt1, .bt2{ width:100%; float:none; text-align:center; margin-left:0px;}	
	.text03{ width:100%; height:auto; overflow:hidden; text-align:center; margin:0 auto;}
	.box04{ width:100%; height:200px; overflow:hidden; text-align:center; margin:0 auto;}
	.vdo1, .vdo2, .vdo3{ width:320px; height:180px; float:none; text-align:center; margin:0px auto;}
}

@media (max-width:480px){	
	.text01{ width:100%; height:auto; overflow:hidden; text-align:center; margin:0 auto;}
	.text02{ width:100%; height:auto; overflow:hidden; text-align:center; margin:0 auto;}
	.bt1, .bt2{ width:100%; float:none; text-align:center; margin-left:0px;}	
	.text03{ width:100%; height:auto; overflow:hidden; text-align:center; margin-left:10px;}
	.box04{ width:100%; height:200px; overflow:hidden; text-align:center; margin:0 auto;}
	.vdo1, .vdo2, .vdo3{ width:320px; height:180px; float:none; text-align:center; margin:0px auto;}
}